<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>index</title>
</head>
<body>
<a href="/calc/"><h1>点击跳转到calc页面</h1></a>
<a href="{% url 'lkpcal' %}"><h1>使用反向解析跳转到calc页面</h1></a>
    <h2>字符串:{{username}}</h2>
    <h2>数字:{{password}}</h2>

<!--    {% if age >= 18 %}-->
<!--    <h2 style="color:green">年龄:{{age}}</h2>-->
<!--    {% else %}-->
<!--    <h2 style="color:red">年龄:{{age}}</h2>-->
<!--    {% endif %}-->

    <h2
            {% if age >= 18 %}
            style="color:green"
            {% else %}
            style="color:red"
            {% endif %}
    >年龄:{{age | add:"100"}}</h2>

    <h2>列表:{{list1}}</h2>
    <ul>
        {% for item in list1 %}
            {% if forloop.first %}
            <li style="color: red">{{ forloop.counter }} --
                {{ item | upper }}</li>
            {% else %}
            <li>{{ forloop.counter }} --{{ item }}</li>
            {% endif %}
        {% empty %}
            <li style="color: aqua">未获取到列表数据</li>
        {% endfor %}
    </ul>
    <h2>字典:{{dict1}}</h2>
    <ul>
        <li>{{dict1.name}}</li>
        <li>{{dict1.age}}</li>
    </ul>
    <h2>函数:{{func}}</h2>
    <h2>对象:{{p1}}</h2>
    <h2>我叫{{p1.name}},今年{{p1.age}}岁了</h2>

    <h1>项目首页</h1>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam autem blanditiis deleniti doloremque, enim
        explicabo fuga iure maiores molestiae officiis quibusdam rerum saepe tempore ut velit! Aliquid animi consequatur
        rerum.</p>
    <p>Accusantium, ad adipisci, beatae blanditiis delectus deserunt earum ex excepturi fuga inventore iste iure
        laudantium quaerat quo quod rerum saepe sed similique sit, tempora tenetur unde vero vitae. Distinctio, non.</p>
    <p>A accusamus animi asperiores aut consectetur dolore esse exercitationem, expedita illo, inventore iste maiores
        modi molestiae nesciunt nobis non nostrum placeat possimus quaerat rerum suscipit voluptate voluptatibus? Minus,
        non quo!</p>
</body>
</html>